﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Video.aspx.cs" Inherits="Video" %>
<%@ Register Assembly="Technullogy.VideoJS" Namespace="Technullogy.Web.UI" TagPrefix="Technullogy" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
       <%--<script src="video.js" type="text/javascript" ></script>

  <script type="text/javascript">
      // Must come after the video.js library

      // Add VideoJS to all video tags on the page when the DOM is ready
      VideoJS.setupAllWhenReady();

      /* ============= OR ============ */

      // Setup and store a reference to the player(s).
      // Must happen after the DOM is loaded
      // You can use any library's DOM Ready method instead of VideoJS.DOMReady

      /*
      VideoJS.DOMReady(function(){
      
      // Using the video's ID or element
      var myPlayer = VideoJS.setup("example_video_1");
      
      // OR using an array of video elements/IDs
      // Note: It returns an array of players
      var myManyPlayers = VideoJS.setup(["example_video_1", "example_video_2", video3Element]);

      // OR all videos on the page
      var myManyPlayers = VideoJS.setup("All");

      // After you have references to your players you can...(example)
      myPlayer.play(); // Starts playing the video for this player.
      });
      */

      /* ========= SETTING OPTIONS ========= */

      // Set options when setting up the videos. The defaults are shown here.

      /*
      VideoJS.setupAllWhenReady({
      controlsBelow: false, // Display control bar below video instead of in front of
      controlsHiding: true, // Hide controls when mouse is not over the video
      defaultVolume: 0.85, // Will be overridden by user's last volume if available
      flashVersion: 9, // Required flash version for fallback
      linksHiding: true // Hide download links when video is supported
      });
      */

      // Or as the second option of VideoJS.setup

      /*
      VideoJS.DOMReady(function(){
      var myPlayer = VideoJS.setup("example_video_1", {
      // Same options
      });
      });
      */

  </script>
    <link href="VideoJS.css" rel="stylesheet" type="text/css" />--%>

</head>
<body>
    <form id="form1" runat="server">
    <div>
    The video player is here:<br />
         
         <Technullogy:VideoJS ID="Span2" runat="server" 
                Mp4Source="http://video-js.zencoder.com/oceans-clip.mp4"   
                PosterImage="http://video-js.zencoder.com/oceans-clip.png"  
                OggSource="http://video-js.zencoder.com/oceans-clip.ogv" 
                EnableFlashFailover="false" WebMSource="http://video-js.zencoder.com/oceans-clip.webm"
                DisplayVideoJSLink="false" Skin="Hulu" />

                <%--<br /><br />

                <span id="Span1" style="display:inline-block;height:264px;width:640px;"><div class="video-js-box"><video id="example_video_1" class="video-js" width="640px" height="264px" controls="controls" preload="auto" poster="http://video-js.zencoder.com/oceans-clip.png"><source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /><source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' /><source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg; codecs="theora, vorbis"' /><object id="flash_fallback_1" class="vjs-flash-fallback" width="640px" height="264px" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"><param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /><param name="allowfullscreen" value="true" /><param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":False,"autoBuffering":true}]}' /><img src="http://video-js.zencoder.com/oceans-clip.png" width="640px" height="264px" alt="Poster Image" title="No video playback capabilities." /></object></video></div></span>--%>
    </div>
    </form>
</body>
</html>
